<!DOCTYPE html>
<html>
<?php 
 $langue= array(
		'1' =>'Cours Sacre coeur ',
		'2' =>'Mariste',
		'3' =>'Cours Sainte Marie de Hanne',
		'4' =>'Ecole superieur Polytechnique'


	 );

  $niveau= array(
		'Representant' =>'Representant',
		'Professeur' =>'Professeur'
		


	 );
 ?>
		<head>
			<meta charset="utf-8"/>
				 <!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
			<title>NOT PROF</title>
						 
		<link rel="stylesheet" href="style/position.css"/>
			<script type="text/javascript" src="Script/script.js"> </script>
			<script type="text/javascript" src="Script/jconnect.js"> </script>	
			<script type="text/javascript" src="NoteProf.js"> </script>		
				 </head>
						<body>
							      
							<header>

					            <h3 class ="trans"> ARMADIAT </h3>
					 			</header>
				   	    
				   	    <section class ="part2">
				   	    			<div id="Inscription"  >
					   	    			  	<form action="#"   method="POST" id="forme_insc_membre" class="formulaire">

					   	    			  
					   	    			  		<h3>Inscription Utilisateur</h3>

					   	    			  		<div class="bloc" position="relative">
					   	    			  						
					   	    			  						<label style="float: right;">
																<p class="info" id="pseudo1" style="display:none"><img src="images/info.png">Le pseudo doit contenir au moins 7 caracteres</p>
																<p class="info" id="pseudo2" style="display:none"><img src="images/bad.png">Le pseudo doit contenir au moins 7 caracteres</p>
																<p class="info" id="pseudo3" style="display:none"><img src="images/good.png"></p>
																</label>
						   	    			  					<input type="text" name="pseudo" id="pseudo" placeholder="Nom d'utilisateur" class="horizon" onkeyup="verifierPseudo()"/>
						   	    			  					
												 </div>		

					   	    			  		<div class="bloc">
													<input type="text" name="email" id="email" placeholder="Adress Email" class="horizon"/>
					
												</div>
												<select name="nom" class="horizon">
											     				<?php 
											     				foreach ($langue as $keye => $valu) {
											     					
											     		 	 		echo '<option value="'.$keye.'" name="rep_prof">'.$valu.'</option>';
											     		 	 		} 
											     		 	 	 ?>
											     </select>
					   	    			  		<div class="bloc">	
					   	    			  			
					   	    			  						<label style="float: right;">
																<p class="info" id="password1" style="display:none"><img src="images/info.png">Le mot de pass doit contenir au moins 8 caracteres</p>
																<p class="info" id="password2" style="display:none"><img src="images/bad.png">Le mot de pass doit contenir au moins 8 caracteres</p>
																<p class="info" id="password3" style="display:none"><img src="images/good.png"></p>
																</label>
																<input type="text" name="mot_de_pass" id="mot_de_pass" placeholder="mot de passe" class="horizon" onkeyup="verifierPassword()"/>
																
												</div>

					   	    			  		<div class="bloc">	
					   	    			  				
					   	    			  						<label style="float: right;">
																<p class="info" id="pass1" style="display:none"><img src="images/info.png">Confirmez le mot de passe</p>
																<p class="info" id="pass2" style="display:none"><img src="images/bad.png">Le mot de passe doit contenir au moins 8 caracteres</p>
																<p class="info" id="pass3" style="display:none"><img src="images/good.png"></p>
																<p class="info" id="pass4" style="display:none"><img src="images/bad.png">Les mots de passe ne sont pas conformes</p> 
																</label>
																<input type="text" name="breh" id="breh" placeholder="Confirmer mot de passe " class="horizon" onkeyup="verifierConfirmationPassword()"/>
																
												</div>

					   	    			  		<div class="bloc">	
													<input type="submit" value="S'inscrire" id="valider" onclick="validerInscription()" class="validey"/>
												</div>	
					   	    			  	</form>



					   	    			  	<form action="#"   method="POST" id="forme_insc_prof" class="formulaire">
					   	    			  		<h3>Inscription Professeur</h3>
					   	    			  		<div class="bloc">
					   	    			  					
					   	    			  						<label style="float: right;">
																<p class="info" id="id_1" style="display:none"><img src="images/info.png">Le pseudo doit contenir au moins 7 caracteres</p>
																<p class="info" id="id_2" style="display:none"><img src="images/bad.png">Le pseudo doit contenir au moins 7 caracteres</p>
																<p class="info" id="id_3" style="display:none"><img src="images/good.png"></p>
																</label>
						   	    			  					<input type="text" name="id_validation" id="id_validation" placeholder="identifiant validation" class="horizon" onkeyup="ProfPseudo()"/>
						   	    			  					
												</div>
					   	    			  		<div class="bloc">
													<input type="text" name="mail" id="mail" placeholder="Adress Email" class="horizon"/>
					
												</div>
					   	    			  		
					   	    			  		<select name="rep_prof" class="horizon">
											     				<?php 
											     				foreach ($niveau as $keye => $valu) {
											     					
											     		 	 		echo '<option value="'.$keye.'">'.$valu.'</option>';
											     		 	 		} 
											     		 	 	 ?>
											     </select>
											     <div class="bloc">	
					   	    			  						
					   	    			  						<label style="float: right;">
																<p class="info" id="mot1" style="display:none"><img src="images/info.png">Le mot de pass doit contenir au moins 8 caracteres</p>
																<p class="info" id="mot2" style="display:none"><img src="images/bad.png">Le mot de pass doit contenir au moins 8 caracteres</p>
																<p class="info" id="mot3" style="display:none"><img src="images/good.png"></p>
																</label>
																<input type="text" name="mot_de_passe" id="mot_de_passe" placeholder="mot de passe" class="horizon" onkeyup="ProfPassword()"/>
																
												</div>
					   	    			  		
					   	    			  		<div class="bloc">	
					   	    			  				
					   	    			  						<label style="float: right;">
																<p class="info" id="passe1" style="display:none" ><img src="images/info.png">Confirmez le mot de passe</p>

																<p class="info" id="passe2" style="display:none" ><img src="images/bad.png">Le mot de passe doit contenir au moins 8 caracteres</p>
																<p class="info" id="passe3" style="display:none"><img src="images/good.png"></p>
																<p class="info" id="passe4" style="display:none"><img src="images/bad.png">Les mots de passe ne sont pas conformes</p> 
																</label>
																<input type="text" name="mot_de_pass_verif" id="mot_de_pass_verif" placeholder="Confirmer mot de passe " class="horizon" onkeyup="ProfConfirmationPassword()"/>
																
												</div>
					   	    			  		

					   	    			  		<input type="submit" value="S'inscrire" class="validey" onclick="ProfInscription()"/>
					   	    			  	</form>

				   	    			</div>	


					 			</section>

					 			 <footer class ="part3">

					 			
					 			</footer>
							     
								</body>
							
</html>  